

page{
	background: #F7F7F7;
}

.order-note{
	width: 690rpx;
	background: #FFFFFF;
	border-radius: 6rpx;
	margin: 30rpx 30rpx 0;
	.order-note-title{
		display: flex;
		margin-left: 32rpx;
		padding-top: 30rpx;
		font-size: 36rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: bold;
		color: #333333;
		align-items: center;
		.order-note-time{
			font-size: 26rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #999999;
			margin-left: 31rpx;
		}
	}
	.order-girl{
		font-size: 28rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #FFA4F1;
		margin: 12rpx 0 0 16rpx;
	}
	.order-boy{
		font-size: 28rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #3E8EED;
		margin: 12rpx 0 0 16rpx;
	}
	.order-ready-out{
		font-size: 23rpx;
		font-family: PingFang-SC-Medium, PingFang-SC;
		font-weight: 500;
		color: #0D0D0D;
		margin: 24rpx 0 0 32rpx;
	}
	.order-noto-photo{
		width: 502rpx;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 24rpx 0 0 32rpx;
		.order-note-img{
			width: 154rpx;
			height: 152rpx;
		}
	}
	.order-noto-area{
		margin: 30rpx 0 0 32rpx;
		display: flex;
		font-size: 28rpx;
		font-family: PingFang-SC-Medium, PingFang-SC;
		font-weight: 500;
		color: #999999;
		.order-area-province{
			font-size: 28rpx;
			font-family: PingFang-SC-Medium, PingFang-SC;
			font-weight: 500;
			color: #333333;
			margin-left: 30rpx;
		}
		.order-area-city{
			font-size: 28rpx;
			font-family: PingFang-SC-Medium, PingFang-SC;
			font-weight: 500;
			color: #333333;
			margin-left: 15rpx;
		}
		.order-area-county{
			font-size: 28rpx;
			font-family: PingFang-SC-Medium, PingFang-SC;
			font-weight: 500;
			color: #333333;
			margin-left: 15rpx;
		}
	}
	.order-noto-age{
		margin: 16rpx 0 0 32rpx;
		display: flex;
		font-size: 28rpx;
		font-family: PingFang-SC-Medium, PingFang-SC;
		font-weight: 500;
		color: #999999;
		.order-noto-much{
			font-size: 28rpx;
			font-family: PingFang-SC-Medium, PingFang-SC;
			font-weight: 500;
			color: #333333;
			margin-left: 22rpx;
		}
	}
	.order-contact-infor{
		font-size: 28rpx;
		font-family: PingFang-SC-Medium, PingFang-SC;
		font-weight: 500;
		color: #333333;
		margin: 30rpx 0 0 32rpx;
	}
	.order-noto-contact{
		width: 626rpx;
		height: 133rpx;
		margin: 21rpx 0 0 32rpx;
		display: flex;
		justify-content: space-between;
		.order-noto-contact-list{
			width: 208rpx;
			height: 133rpx;
			background: rgba(249, 249, 249, 1);
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			.contact-list-title{
				font-size: 26rpx;
				font-family: PingFang-SC-Medium, PingFang-SC;
				font-weight: 500;
				color: #999999;
			}
			.contact-list-core{
				font-size: 28rpx;
				margin-top: 16rpx;
				font-family: PingFang-SC-Medium, PingFang-SC;
				font-weight: 500;
				color: #9F76FF;
			}
		}
	}
	.order-noto-hint{
		font-size: 24rpx;
		font-family: PingFang-SC-Medium, PingFang-SC;
		font-weight: 500;
		color: #999999;
		margin: 12rpx 0 0 32rpx;
		padding-bottom: 30rpx;
	}
}

.order-title{
	width: 750rpx;
	height: 116rpx;
	display: flex;
	align-items: center;
	background: #FFFFFF;
	.order-title-text{
		font-size: 30rpx;
		font-family: PingFang-SC-Bold, PingFang-SC;
		font-weight: bold;
		color: #333333;
		margin-left: 32rpx;
	}
}


.order-info{
	width: 750rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #FFFFFF;
	.order-blind{
		width: 670rpx;
		height: 285rpx;
		display: flex;
		.order-blind-left{
			margin: 20rpx 0 0 32rpx;
			width: 146rpx;
			height: 220rpx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			.order-blind-logo{
				width: 132rpx;
				height: 52rpx;
			}
			.order-blind-imges{
				width: 146rpx;
				height: 146rpx;
				background: #F5F5F7;
				border-radius: 12rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				.order-blind-img{
					width: 84rpx;
					height: 107rpx;
				}
			}
		}
		.order-blind-right{
			width: 432rpx;
			height: 171rpx;
			margin: 88rpx 0 0 30rpx;
			display: flex;
			flex-direction: column;
			.order-blinde-right-title{
				font-size: 30rpx;
				font-family: PingFang-SC-Bold, PingFang-SC;
				font-weight: bold;
				color: #333333;
			}
			.order-blinde-right-time{
				font-size: 26rpx;
				font-family: PingFang-SC-Bold, PingFang-SC;
				font-weight: 400;
				color: #333333;
				margin-top: 10rpx;
			}
			.order-blinde-money{
				width: 432rpx;
				height: 43rpx;
				display: flex;
				justify-content: space-between;
				margin-top: 38rpx;
				.order-blinde-actual{
					font-size: 34rpx;
					font-family: HYXiaoBoZheZhiTiJ;
					color: #DD5740;
				}
				.order-blinde-quantity{
					font-size: 34rpx;
					font-family: DINPro-Bold, DINPro;
					font-weight: bold;
					color: #333333;
				}
			}
		}
	}
	.order-commodity{
		width: 670rpx;
		height: 230rpx;
		border-radius: 6rpx;
		display: flex;
		.order-commodity-left{
			margin: 30rpx 0 0 32rpx;
			width: 146rpx;
			height: 146rpx;
			background: #F5F5F7;
			border-radius: 12rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			.order-commodity-img{
				width: 84rpx;
				height: 107rpx;
			}
		}
		.order-commodity-right{
			width: 432rpx;
			height: 171rpx;
			margin: 30rpx 0 0 30rpx;
			display: flex;
			flex-direction: column;
			.order-commodity-right-title{
				font-size: 30rpx;
				font-family: PingFang-SC-Bold, PingFang-SC;
				font-weight: bold;
				color: #333333;
			}
			.order-commodity-money{
				width: 432rpx;
				height: 43rpx;
				display: flex;
				justify-content: space-between;
				margin-top: 38rpx;
				.order-commodity-actual{
					font-size: 34rpx;
					font-family: HYXiaoBoZheZhiTiJ;
					color: #DD5740;
				}
				.order-commodity-quantity{
					font-size: 34rpx;
					font-family: DINPro-Bold, DINPro;
					font-weight: bold;
					color: #333333;
				}
			}
		}
	}
}

.order-preview{
	width: 690rpx;
	height: 219rpx;
	background: #FFFFFF;
	margin: 16rpx 30rpx 8rpx;
	display: flex;
	align-items: center;
	.order-preview-legend{
		width: 146rpx;
		height: 146rpx;
		border: 4rpx solid #FFA833;
		border-radius: 16rpx;
		margin-left: 32rpx;
		display: flex;
		.order-preview-img{
			width: 136rpx;
			height: 136rpx;
			margin: 5rpx;
			position: absolute;
		}
		.order-preview-frame{
			width: 100rpx;
			height: 32rpx;
			background: linear-gradient(180deg, #FFC75C 0%, #FFA833 100%);
			border-radius: 14rpx 0 14rpx 0;
			z-index: 1;
			margin: 115rpx 0 0 47rpx;
			font-size: 20rpx;
			font-family: PingFang-SC-Medium, PingFang-SC;
			font-weight: 500;
			color: #FFFFFF;
			line-height: 32rpx;
			text-align: center;
		}
	}
	.order-preview-rare{
		width: 146rpx;
		height: 146rpx;
		border: 4rpx solid #A97EFF;
		border-radius: 16rpx;
		margin-left: 32rpx;
		display: flex;
		.order-preview-img{
			width: 136rpx;
			height: 136rpx;
			margin: 5rpx;
			position: absolute;
		}
		.order-preview-frame{
			width: 100rpx;
			height: 32rpx;
			background: linear-gradient(180deg, #A97EFF 0%, #704EFF 100%);
			border-radius: 14rpx 0 14rpx 0;
			z-index: 1;
			margin: 115rpx 0 0 47rpx;
			font-size: 20rpx;
			font-family: PingFang-SC-Medium, PingFang-SC;
			font-weight: 500;
			color: #FFFFFF;
			line-height: 32rpx;
			text-align: center;
		}
	}
	.order-preview-epic{
		width: 146rpx;
		height: 146rpx;
		border: 4rpx solid #FE844F;
		border-radius: 16rpx;
		margin-left: 32rpx;
		display: flex;
		.order-preview-img{
			width: 136rpx;
			height: 136rpx;
			margin: 5rpx;
			position: absolute;
		}
		.order-preview-frame{
			width: 100rpx;
			height: 32rpx;
			background: linear-gradient(180deg, #FE844F 0%, #8E23EF 100%);
			border-radius: 14rpx 0 14rpx 0;
			z-index: 1;
			margin: 115rpx 0 0 47rpx;
			font-size: 20rpx;
			font-family: PingFang-SC-Medium, PingFang-SC;
			font-weight: 500;
			color: #FFFFFF;
			line-height: 32rpx;
			text-align: center;
		}
	}
	.order-preview-ID{
		width: 424rpx;
		height: 170rpx;
		margin-left: 20rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		.order-preview-title{
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			width: 690rpx;
			height: 92rpx;
			.order-preview-title-text{
				font-size: 30rpx;
				font-family: PingFang-SC-Bold, PingFang-SC;
				font-weight: bold;
				color: #333333;
			}
			.order-preview-title-time{
				font-size: 26rpx;
				font-family: PingFang-SC-Bold, PingFang-SC;
				color: #333333;
			}
		}
		.order-preview-money{
			width: 179rpx;
			height: 54rpx;
			background: #DD5740;
			border-radius: 27rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 34rpx;
			color: #FFFFFF;
			font-family: HYXiaoBoZheZhiTiJ;
			color: #FFFFFF;
		}
	}
}


.order-item{
	width: 750rpx;
	height: 384rpx;
	background: #FFFFFF;
	display: flex;
	flex-direction: column;
	margin-top: 24rpx;
	.order-item-list{
		width: 750rpx;
		height: 96rpx;
		border: 1rpx solid #FFFFFF;
		display: flex;
		justify-content: space-between;
		align-items: center;
		.order-item-list-title{
			font-size: 28rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #333333;
			margin-left: 30rpx;
		}
		.order-item-list-text{
			font-size: 28rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #999999;
			margin-right: 30rpx;
		}
	}
}